﻿.m{  /*大屏幕设备(宽度>=500)*/
margin:0 auto;
text-align:center;
width:200px; 
height:100px;
border:1px solid red;
transition:all 0.5s;
border-radius:10px;
-moz-border-radius:10px;
}
.m:hover{
width:300px;
height:100px;
box-shadow:2px 2px 20px 2px rgba(1,1,1,1.3);
}

@media (max-width:500px){ /*小屏幕设备()宽度<500*/
.m{
margin:0 auto;
width:150px; 
text-align:center;
height:100px;
border:1px solid red;
transition:all 0.5s;
border-radius:10px;
-moz-border-radius:10px;
}
	.m:hover{
width:200px; 
height:100px;
box-shadow:2px 2px 20px 2px rgba(1,1,1,1.3);
}
